// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],

  // 开发服务器配置（保留你原有的）
  server: {
    host: '0.0.0.0',      // 允许局域网访问
    port: 5173,
    strictPort: true,     // 端口占用时报错
  },

  // 生产构建优化 👇
  build: {
    // 解决警告：允许更大 chunk
    chunkSizeWarningLimit: 800, // KB

    // 代码分割优化
    rollupOptions: {
      output: {
        manualChunks: {
          // 将 React 相关打包为一个 chunk
          react: ['react', 'react-dom'],
          // 将 Chakra UI 和动画库打包为一个 chunk
          ui: [
            '@chakra-ui/react',
            '@emotion/react',
            '@emotion/styled',
            'framer-motion'
          ],
          // 后续可扩展：如 ffmpeg、charting 库等
        },
      },
    },

    // 可选：启用 gzip 预压缩（需服务器支持）
    // 需要安装: npm install -D vite-plugin-compression
    // import compress from 'vite-plugin-compression';
    // plugins: [react(), compress()]
  },
});
